﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage/Main.Master" AutoEventWireup="true" CodeBehind="TaskPlan.aspx.cs" Inherits="Web.Office.TaskPlan" %>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder" runat="server">

    <form action="ajaxDone1.html" id="j_form_form" class="pageForm nice-validator n-red" data-toggle="validate" novalidate="novalidate">
        <div style="margin:15px auto 0; width:800px;">
            <fieldset>
                <legend>选项卡</legend>
                <!-- Tabs -->
                <ul class="nav nav-tabs" role="tablist">
                    <li class="active"><a href="#home" role="tab" data-toggle="tab">Home</a></li>
                    <li><a href="/office/Tab.html" role="tab" data-toggle="ajaxtab" data-target="#profile" data-reload="false">
                        ajax加载</a></li>
                    <li><a href="#messages" role="tab" data-toggle="tab">固定表头表格</a></li>
                    <li><a href="#settings" role="tab" data-toggle="tab">Settings</a></li>
                </ul>
                <!-- Tab panes -->
                <div class="tab-content">
                    <div class="tab-pane fade active in" id="home">
                       home选项卡

                    </div>
                    <div class="tab-pane fade" id="profile"><!-- Ajax加载 --></div>
                    <div class="tab-pane fade bjui-resizeGrid" id="messages" style="overflow: hidden;">
                        <div class="bjui-tablefixed clearfix" style="width: 728px; height: 196px;">
                            <div class="fixedtableHeader" style="width: 710px; overflow: hidden;"><div class="fixedtableThead"><table class="table table-bordered" style="width: 710px; max-width: 728px;"><thead><tr class="resize-head"><th style="width: 145px;"></th><th style="width: 145px;"></th><th style="width: 145px;"></th><th style="width: 145px;"></th><th style="width: 145px;"></th></tr>
                                <tr>
                                    <th rowspan="2" data-order-field="operation" colsnum="0" class="orderby"><div class="fixedtableCol">ID<a href="javascript:;" class="order asc" data-order-direction="asc" title="升序" style="cursor: pointer;"><i class="fa fa-angle-up"></i></a><a href="javascript:;" class="order desc" data-order-direction="desc" title="降序" style="cursor: pointer;"><i class="fa fa-angle-down"></i></a></div></th>
                                    <th rowspan="2" data-order-field="name" colsnum="1" class="orderby"><div class="fixedtableCol">姓名<a href="javascript:;" class="order asc" data-order-direction="asc" title="升序" style="cursor: pointer;"><i class="fa fa-angle-up"></i></a><a href="javascript:;" class="order desc" data-order-direction="desc" title="降序" style="cursor: pointer;"><i class="fa fa-angle-down"></i></a></div></th>
                                    <th rowspan="2" data-order-field="sex" colsnum="2" class="orderby"><div class="fixedtableCol">性别<a href="javascript:;" class="order asc" data-order-direction="asc" title="升序" style="cursor: pointer;"><i class="fa fa-angle-up"></i></a><a href="javascript:;" class="order desc" data-order-direction="desc" title="降序" style="cursor: pointer;"><i class="fa fa-angle-down"></i></a></div></th>
                                    <th colspan="2" class="center" colsnum="4"><div class="fixedtableCol">出生信息</div></th>
                                </tr>
                                <tr>
                                    <th data-order-field="birthday" colsnum="3" class="orderby"><div class="fixedtableCol">出生日期<a href="javascript:;" class="order asc" data-order-direction="asc" title="升序" style="cursor: pointer;"><i class="fa fa-angle-up"></i></a><a href="javascript:;" class="order desc" data-order-direction="desc" title="降序" style="cursor: pointer;"><i class="fa fa-angle-down"></i></a></div></th>
                                    <th data-order-field="birthplace" colsnum="4" class="orderby"><div class="fixedtableCol">出生地<a href="javascript:;" class="order asc" data-order-direction="asc" title="升序" style="cursor: pointer;"><i class="fa fa-angle-up"></i></a><a href="javascript:;" class="order desc" data-order-direction="desc" title="降序" style="cursor: pointer;"><i class="fa fa-angle-down"></i></a></div></th>
                                </tr>
                            </thead></table></div></div>
                            <div class="fixedtableScroller" style="height: 196px; overflow-y: auto; width: 728px;"><div class="fixedtableTbody"><table style="width: 710px; max-width: 728px;" class="table table-bordered table-hover table-striped table-condensed"><thead><tr class="resize-head"><th style="width: 145px;"></th><th style="width: 145px;"></th><th style="width: 145px;"></th><th style="width: 145px;"></th><th style="width: 145px;"></th></tr></thead><tbody>
                                <tr>
                                    <td>1</td>
                                    <td>一一</td>
                                    <td>♂</td>
                                    <td>2000-01-01</td>
                                    <td>CN</td>
                                </tr>
                                <tr>
                                    <td>2</td>
                                    <td>二二</td>
                                    <td>♀</td>
                                    <td>1999-01-01</td>
                                    <td>JP</td>
                                </tr>
                                <tr>
                                    <td>3</td>
                                    <td>三三</td>
                                    <td>♂</td>
                                    <td>2000-01-01</td>
                                    <td>CN</td>
                                </tr>
                                <tr>
                                    <td>4</td>
                                    <td>四四</td>
                                    <td>♀</td>
                                    <td>2005-01-01</td>
                                    <td>US</td>
                                </tr>
                                <tr>
                                    <td>5</td>
                                    <td>五五</td>
                                    <td>♀</td>
                                    <td>2000-01-01</td>
                                    <td>KR</td>
                                </tr>
                                <tr>
                                    <td>6</td>
                                    <td>六六</td>
                                    <td>♂</td>
                                    <td>2000-01-01</td>
                                    <td>CN</td>
                                </tr>
                                <tr>
                                    <td>7</td>
                                    <td>七七</td>
                                    <td>♀</td>
                                    <td>1999-01-01</td>
                                    <td>JP</td>
                                </tr>
                                <tr>
                                    <td>8</td>
                                    <td>八八</td>
                                    <td>♂</td>
                                    <td>2000-01-01</td>
                                    <td>CN</td>
                                </tr>
                                <tr>
                                    <td>9</td>
                                    <td>九九</td>
                                    <td>♀</td>
                                    <td>2005-01-01</td>
                                    <td>US</td>
                                </tr>
                                <tr>
                                    <td>10</td>
                                    <td>十十</td>
                                    <td>♀</td>
                                    <td>2000-01-01</td>
                                    <td>KR</td>
                                </tr>
                            </tbody></table></div></div>
                        <div class="resizeMarker" style="display:none; height:300px; left:57px;"></div><div class="resizeProxy" style="left:377px; display:none; height:300px;"></div></div>
                    </div>
                    <div class="tab-pane fade" id="settings">No4. Settings</div>
                </div>
            </fieldset>
        </div>
    </form>


</asp:Content>
